
const grid = {
  top: '80',
  right: '3%',
  bottom: '12%',
  left: '60'
}
const xAxis = {
  type: 'category',
  boundaryGap: false,
  data: [],

}
const baseOption = {
  title: {
    x: 'left',
    y: 'top',
    textStyle: {
      fontSize: 16,
      color: '#fff'
    },
    top: '10',
  },
  grid,
  tooltip: {
    trigger: 'axis',
  },
  legend: {
    textStyle: {
      color: '#fff'
    },
    top: '40',
    data: [],
  },
  xAxis,
  yAxis: {
    type: "value",
    name: "",
    max: 100,
    min: 80,
    axisTick: {
      show: false,
    },
    axisLine: {
      show: true, // 不显示坐标轴线

    },
    splitLine: {
      show: true,
      lineStyle: {
        color: "rgba(255,255,255,0.2)"
      }
    },
  },
  series: []
};
export const getTemperatureOption = () => {
  return {
    ...baseOption,
    title: {
      ...baseOption.title,
      text: `衰减指标（%）`,
    },
    legend: {
      ...baseOption.legend,
    },
    dataZoom: [
      {
        type: "inside", // 鼠标滚轮缩放
        xAxisIndex: [0, 1], // 同时作用于两个x轴
        start: 0, // 初始化时滚动条位置
        end: 100, // 初始化时滚动条位置
      },
      {
        show: true, // 显示滚动条
        type: "slider", // 滚动条类型
        xAxisIndex: [0, 1], // 同时作用于两个x轴
        start: 0, // 初始化时滚动条位置
        end: 100, // 初始化时滚动条位置
        height: 15, // 滚动条高度
        bottom: 6, // 滚动条距离底部距离
        borderColor: "#ccc", // 滚动条边框颜色
        fillerColor: "rgba(167,183,204,0.4)", // 滚动条填充颜色
        handleColor: "#fff", // 滚动条手柄颜色
        handleSize: "100%", // 滚动条手柄尺寸
      },
    ],
    series: [
      {
        name: `真实SOH`,
        data: [],
        type: "line",
        symbol: "circle",
        itemStyle: {
          normal: {
            color: "#76c0de",
            lineStyle: {
              color: "#76c0de",
            },
          },
        },

      },
      {
        name: `标称SOH`,
        data: [],
        type: "line",
        symbol: "circle",
        itemStyle: {
          normal: {
            color: "#f9ca59",
            lineStyle: {
              color: "#f9ca59",

            },
          },
        },

      },
    ],
  };
};